<!DOCTYPE html>
<html lang="zh-hans">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<title>安全中心</title>
<link rel="stylesheet" href="__TEMPLATE__/webfile/layer.css" id="layui_layer_skinlayercss">
<link rel="stylesheet" href="__TEMPLATE__/webfile/main.css">
<script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="__SYSMET__/lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<link rel="stylesheet" type="text/css" href="__SYSMET__/lib/Hui-iconfont/1.0.8/iconfont.css" />
<title>安全中心</title>
<style type="text/css">
.box_container ._header {
    width: 100%;
    height: 40px;
    padding: 5px;
    box-sizing: border-box;
    font-size: 14px;
    color: #999;
}
.condition_1 {
    width: 320px;
    display: inline-block;
}
.ex_date_editor {
    width: 120px;
    line-height: 24px;
    height: 24px;
    text-align: LEFT;
    text-indent: 1em;
    border: 1px Solid #ddd;
    background: url(../img/laydate_icon.png) RIGHT CENTER NO-REPEAT;
    color: #666;
    outline: none;
}
.condition_2 {
    width: 220px;
    display: inline-block;
}
.editor {
    width: 160px;
    height: 26px;
    line-height: 26px;
    color: #999;
    padding: 4px;
    box-sizing: border-box;
}
.box_container ._header .btn_style {
    color: red;
    border: 1px Solid red;
    background: #fff;
    display: inline-block;
    width: 50px;
    height: 24px;
    text-align: center;
    margin: 0px 4px 0px 4px;
    text-decoration: none;
    font-size: 12px;
    line-height: 24px;
    border-radius: 3px;
}

.btn_style {
    color: #0b9efb;
    border: 1px Solid #0b9efb;
    background: #fff;
    display: inline-block;
    width: 50px;
    height: 26px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 26px;
    border-radius: 3px;
}
.box_container ._bodyer {
    border-top: 1px SOlid #CCC;
    box-sizing: border-box;
    padding: 10px;
}
.box_container ._bodyer ._item {
    width: 156.5px;
    height: 80px;
    float: left;
    border-right: 1px dashed #ccc;
    margin: 5px;
    margin-bottom: 50px;
}
.box_container ._bodyer ._item ._value {
    padding: 0px 10px;
    font-family: "Microsoft Yahei";
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: red;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.box_container ._bodyer ._item ._title {
    text-align: center;
    font-size: 16px;
    color: #666;
}
#text_content {
    height: 700px;
}


.box_container ._bodyer {
    border-top: 1px solid #CCC;
    box-sizing: border-box;
    padding: 10px 0px;
}
.ex_custom_table {
    width: 100%;
    border-collapse: collapse;
}
.ex_custom_table thead tr {
    height: 30px;
    background: #dddddd;
}
.ex_custom_table td:first-child {
    border-left: 0px;
}


.ex_custom_table thead td {
    color: #DD3333;
    text-align: center;
    font-size: 12px;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    text-shadow: #FFFFFF 0px 1px 0px;
}

.ex_custom_table td {
    border: 1px Solid #ccc;
    color: #333;
    font-size: 12px;
    font-family: "Microsoft Yahei";
}

.ex_custom_table td:last-child {
    border-right: 0px;
}

.ex_custom_table tbody tr {
    height: 30px;
    background: #ffffff;
}
.ex_custom_table tbody tr td {
    text-align: center;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ex_page_tools {
    text-align: left;
    padding: 4px 0px 4px 0px;
    text-align: center;
}
.ex_page_btn.first, .ex_page_btn.last {
    background: #FFFFFF;
    border: 1px Solid #CCCCCC;
    font-weight: 100;
}

.ex_page_btn {
    font-size: 12px;
    width: auto;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    padding: 0px 8px 0px 8px;
    background: #FFFFFF;
    color: #333333;
    margin: 0px 2px 0px 2px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px Solid #cccccc;
    font-family: "Courier New",Courier,monospace;
    font-weight: bold;
}

.ex_page_btn.left_arrow {
    width: 24px;
    height: 22px;
    display: inline-block;
    padding: 0px;
    border: 1px solid #999;
}
.ex_page_btn.active {
    background: #fdf1f1;
    border: 1px Solid #F33;
}
.ex_page_btn.right_arrow {
    width: 24px;
    height: 22px;
    display: inline-block;
    padding: 0px;
    border: 1px solid #999;
}
.ex_page_go_container {
    width: 80px;
    height: 24px;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    margin: 0px 2px 0px 2px;
    border-radius: 2px;
    border: 1px Solid #CCCCCC;
    line-height: initial;
}
.ex_page_go_container .ex_page_go_edit {
    width: 100%;
    height: 21px;
    line-height: 21px;
    text-align: left;
    box-sizing: border-box;
    padding-left: 4px;
    border: none;
    outline: none;
}
.ex_page_go_container .ex_page_go {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../img/btn_go.png);
    width: 24px;
    height: 22px;
}
.page_info {
    font-family: "Microsoft Yahei";
    color: #333;
    font-size: 14px;
    text-align: center;
}
.btn_log {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/static/template/webfile/pc_tz.png);
    background-size: 100% 100%;
    margin-top: 6px;
}

.btn_static {
    display: inline-block;
    width: 19px;
    height: 22px;
    background: url(__TEMPLATE__/webfile/pc_tz2.png);
    background-size: 100% 100%;
    margin-top: 6px;
}
</style>

</head>
<body cz-shortcut-listen="true">
<div class="header">
	<div class="main main_btm_border">
		<div class="left logo">
			<a href="{:url('index/home')}" class="logo-link" id=""><span class="logo_image"></span>
			<style>
.logo_image{background-image:url(__ATTACHMENT__/{$logo.logoimg})!important}
			</style>
			</a>
		</div>
		<div class="right login_and_userinfo_1">
			<div class="login_header">
				<span class="welcome"></span>
				<div class="mobile_download" style="cursor:pointer">
					<i class="iconfont"></i><i class="iconfont"></i><span class="">手机app下载</span>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="model_2" class="model_2" style="display:none">
	<div class="model_header">
		<h1>温馨提醒</h1>
	</div>
	<div class="model_body">
		<span id="model_content"></span>
	</div>
	<div class="foot_succ">
		<a onclick="jQuery.modal.close()" class="btn btn-default btn-radius">确定</a>
	</div>
</div>
<div class="main usercenter">
	<div class="user_usersafe">
		<div class="user_menu left">
			<h2>会员中心</h2>
			<ul>
				<li><i class="iconfont"></i><a href="{:url('user/index')}">个人中心</a></li>
				<li><i class="iconfont"></i><a class="user_goto_finance" href="{:url('user/recharge')}">财务中心</a></li>
				<li><i class="iconfont"></i><a href="{:url('user/callRecord')}">交易记录</a></li>
				<!-- 	<li><i class="iconfont"></i><a href="{:url('user/detail')}">详细设定</a></li> -->
				<li><i class="iconfont"></i><a href="{:url('user/peilvdetail')}">赔率详情</a></li>
				<li><i class="iconfont"></i><a href="{:url('user/message')}">信息公告</a></li>
				 <li><i class="iconfont"></i><a href="{:url('user/djsm')}">等级说明</a></li>
			</ul>
			
			<h2>代理中心</h2>
			<ul>
			
				<li><i class="iconfont"></i><a class="user_goto_finance" href="{:url('user/dlCentent')}">代理说明</a></li>
				{if($f.dl==1)}
				<li><i class="iconfont"></i><a href="{:url('user/dailibaobiao')}">代理报表</a></li>
				<li class="hover"><i class="iconfont"></i><a href="{:url('user/xiajibaobiao')}">下级报表</a></li> 
				<li><i class="iconfont"></i><a href="{:url('user/xiajikaihu')}">下级开户</a></li>
				<!--<li><i class="iconfont"></i><a href="{:url('user/xiajiguanli')}">下级管理</a></li>-->
				<li><i class="iconfont"></i><a href="{:url('user/touzhumingxi')}">投注明细</a></li>
				<li><i class="iconfont"></i><a href="{:url('user/jiaoyimingxi')}">交易明细</a></li>
				{else/}
				{if($open==1)}
				<li><i class="iconfont"></i><a href="{:url('user/shenqing')}">代理申请</a></li>{/if}
				{/if}
			</ul>
		</div>
		
		<div style="width: 820px;border: 1px solid #999999;margin-left: 175px;padding-top: 10px;height: 605px;position:relative;" class="box_container">
			<div style="width:100%;height:100%;position:absolute;top:0;left:0;z-index: 3;background:#000;opacity: .3;display:none;" id="xjdl_zzc">
				
			</div>
			<form action="" method="post" id="search_form">
			<div class="_header">
                
                <div class="condition_2">下级: <input type="text" name="user" id="search" class="editor" placeholder="请输入下级帐号" value="{$u?$u:''}"></div>
                <a href="javascript:;" class="btn_style btn_search" onclick="document:search_form.submit();">查询</a>
            </div>
            </form>
           <div class="_bodyer" id="text_content" style="position:relative;">
           	<div style="position:absolute;width:95%;height:70%;border:1px solid #ccc;left:50%;margin-left:-47.5%;top:30px;background:#f2f2f2;display:none;z-index: 5;" id="xjdl_xq">
           		<i class="Hui-iconfont" style="position:absolute;right:18px;top:18px;font-size:20px;" id="close_xjdl_xq">&#xe6a6;</i>
           		 <div class="condition_1" style="margin-left:15px;margin-top:20px;">时间:
                   <a class="today" data-time="today">今天</a>
                   <a class="today" data-time="yesterday">昨天</a>
                   <a class="today" data-time="week">本周</a>
                   <a class="today" data-time="month">本月</a>
                   <a class="today" data-time="last month">上月</a>
                   <input type="hidden" id="use" value="">
                </div>
           		<div class="_bodyer" id="text_content" style="border-top:none;margin-top:20px;">
           		
            	<div class="_item">
                    <div class="_value bt_num ex_team_fandian" id="yj"></div>
                    <div class="_title">佣金总额</div>
                </div>
                <div class="_item">
                    <div class="_value ex_pay_count next_num" id="fandian"></div>
                    <div class="_title">代理返点</div>
                </div>
                <div class="_item">
                    <div class="_value ex_tz_count next_num" id="renshu"></div>
                    <div class="_title">下线人数</div>
                </div>
                <div class="_item">
                    <div class="_value bt_num ex_team_price" id="chongzhi"></div>
                    <div class="_title ">充值人数</div>
                </div>
                <div class="_item">
                    <div class="_value ex_first_pay_count next_num" id="touzhu"></div>
                    <div class="_title">投注人数</div>
                </div>
                <div class="_item">
                    <div class="_value ex_pay_price bt_num" id="czje"></div>
                    <div class="_title">充值金额</div>
                </div>
                <div class="_item">
                    <div class="_value ex_event_price bt_num" id="caijin"></div>
                    <div class="_title">所有彩金</div>
                </div>
                <div class="_item">
                    <div class="_value ex_tz_price bt_num" id="tzje"></div>
                    <div class="_title">投注金额</div>
                </div>
                <div class="_item">
                    <div class="_value ex_win_price bt_num" id="zjje"></div>
                    <div class="_title">中奖金额</div>
                </div>
                <div class="_item">
                    <div class="_value ex_xiaji_count next_num" id="tdyue"></div>
                    <div class="_title">团队余额</div>
                </div>
                
                <div class="_item">
                    <div class="_value ex_reg_count next_num" id="txje"></div>
                    <div class="_title">提现金额</div>
                </div>
                
            </div>
           	</div>
           	<div class="ex_page">
           		<table class="ex_custom_table">
           			<thead>
           				<tr>
           					<td>用户名</td>
           					<td>用户类型</td>
           					<td>余额</td>
           					<td>投注金额</td>
           					<td>中奖金额</td>
           					<td>代理佣金</td>
           					<td>充值金额</td>
           					<td>在线提款</td>
           					<td>下级代理</td>
           					<td>下级会员</td>
           					<td>操作</td>
           				</tr>
           			</thead>
           			<tbody>
           			{foreach($user as $val)}
           				<tr class="sub_tr" data-id="126089" data-user="cm12345" data-daili="0" data-use="0">
           					<td>
           						<a class="next_uid data_user {if($val.dl=='1')}xq_show{/if}" data-id="126089" data-user="{$val.username}" >{$val.username}</a>
           					</td>
           					<td>{if($val.dl=='1')}代理{else/}会员{/if}</td>
           					<td>{$val.je}</td>
           					<td>
           						<span style="color:#090;">{$val.tz}</span>
           					</td>
           					<td>
           						<span style="color:#090;">{$val.zj}</span>
           					</td>
           					<td>
           						<span style="color:#090;">{$val.sy}</span>
           					</td>
           					<td>
           						<span style="color:#090;">{$val.cz}</span>
           					</td>
           					<td>
           						<span style="color:#090;">{$val.tx}</span>
           					</td>
           					<td>
           						{if($val.xjdl>0)}<a href="{:url('user/xiajibaobiao')}?user={$val.username}&dl=2">{/if}<span class="next_num">{$val.xjdl}人</span>{if($val.xjdl>0)}</a>{/if}
           					</td>
           					<td>
           						{if($val.xjhy>0)}<a href="{:url('user/xiajibaobiao')}?user={$val.username}&dl=1">{/if}<span class="next_num">{$val.xjhy}人</span>{if($val.xjhy>0)}</a>{/if}
           					</td>
           					<td>
   								<a class="btn_log" href="{:url('user/touzhumingxi')}?user={$val.username}" title="投注明细"></a>
   								<a class="btn_static" href="{:url('user/jiaoyimingxi')}?user={$val.username}" title="交易明细"></a>
   							</td>
           				</tr>
           				{/foreach}
           				<tr id="obj_count">
           						<td>小计</td>
           						<td> - </td>
           						<td> - </td>
           						<td>{$tz}</td>
           						<td>{$zj}</td>
           						<td>{$sy}</td>
           						<td>{$cz}</td>
           						<td>{$tx}</td>
           						<td>
           							<span class="bx_daili_count">{$xjdl}</span>人
           						</td> 
           						<td>
           							<span class="bx_user_count">{$xjhy}</span>人
           						</td>
           						<td></td>
           						
           				</tr>
           			</tbody>
           		</table>
 					<div>
           					<div style="float:left; width:65%;margin-top:20px;margin-left:10px;">共{$zys}页， {$count}笔，当前第：{$page}页</div>
							<div style="float:right; width:15%;margin-top:20px;">
							<a href="{:url('user/xiajibaobiao')}?user={$u}&page={$page-1}&dl={$h}">上一页</a>
									<a href="{:url('user/xiajibaobiao')}?user={$u}&page={$page+1}&dl={$h}" style="margin-left:10px">下一页</a>
           					</div>
           				</div>
           	</div>
           </div>
		</div>
		
		
	</div>
</div>

</body>
<script>
	$('.xq_show').click(function(){
		var user = $(this).data('user');
		var time;
		$.getJSON("{:url('user/xiajidailibaobiao')}?user="+user+"&time="+time, function(data){
			   $('#yj').html(data.yj);
			   $('#fandian').html(data.fandian);
			   $('#renshu').html(data.xxrenshu);
			   $('#chongzhi').html(data.czrs);
			   $('#touzhu').html(data.tzrs);
			   $('#czje').html(data.czje);
			   $('#caijin').html(data.cjje);
			   $('#tzje').html(data.tzje);
			   $('#zjje').html(data.zjje);
			   $('#tdyue').html(data.tdye);
			   $('#txje').html(data.txje);
			   $('#xjdl_zzc').show()
			   $('#xjdl_xq').show()
			   $('#use').val(user);
			});
	})
	$('.today').click(function(){
			var user = $('#use').val();
			var time = $(this).data('time');
			$('.today').css('color','#666');
			$(this).css('color','red');
			$.getJSON("{:url('user/xiajidailibaobiao')}?user="+user+"&time="+time, function(data){
				   $('#yj').html(data.yj);
				   $('#fandian').html(data.fandian);
				   $('#renshu').html(data.xxrenshu);
				   $('#chongzhi').html(data.czrs);
				   $('#touzhu').html(data.tzrs);
				   $('#czje').html(data.czje);
				   $('#caijin').html(data.cjje);
				   $('#tzje').html(data.tzje);
				   $('#zjje').html(data.zjje);
				   $('#tdyue').html(data.tdye);
				   $('#txje').html(data.txje);
				   $('#xjdl_zzc').show();
				   $('#xjdl_xq').show();
				});
	})
	$('#close_xjdl_xq').click(function(){
		$('#xjdl_zzc').hide()
		$('#xjdl_xq').hide()
	})
</script>
</html>